<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="register.css">
    <script type="text/javascript" src="register.js">
    </script>
    <title>用户注册</title>
</head>
<body>
<form onreset="resetAlert()">
    <table border="1" align="center" width="70%">
        <tr>

            <td align="center" colspan="2">用户注册 </td>
        </tr>
        <tr>
            <td align="right">
                <sup><font color="red">*</font></sup>用户名：
            </td>
            <td><input type="text" name="username" id="username" class="input_class"  />
                <span id="username_span">用户名由 a～z 的英文字母(不区分大小写)、 0～9 的数字、点或下划线组成，长度为 3～18 个字符，以数字或字母开头</span></td>

        </tr>
        <tr>
            <td align="right">
                <sup><font color="red">*</font></sup>密码：
            </td>
            <td><input type="password" name="password" id="password" class="input_class"  />
                <span id="password_span">密码长度为6-16 位，仅可用英文、数字、特殊字符</span>
            </td>
        </tr>
        <tr>
            <td align="right">
                <sup><font color="red">*</font></sup>密码确认：
            </td>
            <td><input type="password" name="password" id="password_check" class="input_class"  />
                <span id="password_span_check">请重新输入密码</span>
            </td>
        </tr>
        <tr>
            <td align="right">
                <sup><font color="red">*</font></sup>性别：
            </td>

            <td><input align="left" id="male" name="RadioGroup1" type="radio" value="男"/><label for="male">男</label>
                <input align="right" id="female" name="RadioGroup1" type="radio" value="女"/><label for="female">女</label>
            </td>
        </tr>
        <tr>
            <td align="right">
                <sup><font color="red">*</font></sup>来自：
            </td>

            <td>
                <select name="province" id="province" >
                    <option value="null"></option>
                    <option value="北京">北京市</option>
                    <option value="浙江省">浙江省</option>
                    <option value="天津市">天津市</option>
                    <option value="安徽省">安徽省</option>
                    <option value="上海市">上海市</option>
                    <option value="福建省">福建省</option>
                    <option value="重庆市">重庆市</option>
                    <option value="江西省">江西省</option>
                    <option value="山东省">山东省</option>
                    <option value="河南省">河南省</option>
                    <option value="湖北省">湖北省</option>
                    <option value="湖南省">湖南省</option>
                    <option value="广东省">广东省</option>
                    <option value="海南省">海南省</option>
                    <option value="山西省">山西省</option>
                    <option value="青海省">青海省</option>
                    <option value="江苏省">江苏省</option>
                    <option value="辽宁省">辽宁省</option>
                    <option value="吉林省">吉林省</option>
                    <option value="台湾省">台湾省</option>
                    <option value="河北省">河北省</option>
                    <option value="贵州省">贵州省</option>
                    <option value="四川省">四川省</option>
                    <option value="云南省">云南省</option>
                    <option value="陕西省">陕西省</option>
                    <option value="甘肃省">甘肃省</option>
                    <option value="黑龙江省">黑龙江省</option>
                    <option value="香港特别行政区">香港特别行政区</option>
                    <option value="澳门特别行政区">澳门特别行政区</option>
                    <option value="广西壮族自治区">广西壮族自治区</option>
                    <option value="宁夏回族自治区">宁夏回族自治区</option>
                    <option value="新疆维吾尔自治区">新疆维吾尔自治区</option>
                    <option value="内蒙古自治区">内蒙古自治区</option>
                    <option value="西藏自治区">西藏自治区</option>
                </select>
            </td>
        </tr>
        <tr>
            <td align="right">
                <sup><font color="red">*</font></sup>Email：
            </td>
            <td><input type="text" name="Email" id="Email" class="input_class"  /><span id="Email_span" >格式示例：xxxxxxxx@163.com</span>
            </td>
        </tr>
        <tr>
            <td align="right">
                <sup><font color="red">*</font></sup>自我介绍：
            </td>
            <td >
                <textarea rows="3" cols="20" name="intro" id="intro" class="input_class"></textarea>
            </td>
        </tr>
        <tr >
            <td align="right" rowspan="1">
                <sup><font color="red">*</font></sup>
            </td>
            <td align="center" colspan="" rowspan="1">  <!-- 合并两列 -->
                <input type="button" value="提交" onclick="submitfunc()"/>
                <input type="button" value="重置" onclick="reset()"/>
            </td>
        </tr>



    </table>



</form>
</body>
</html>